{extend name="public/layout"}
{block name="title"}我的消息{/block}
{block name="head"}
<style>
    html,body{
        background-color: #f5f5f5;
    }

    .ibox{
        background-color: #fff;
        border-radius: 4px;

    }
    .ibox-title{
        font-size:0.28800000000000003rem;
        padding-bottom: 0.2rem;
    }
    .ibox-content{
        font-size:0.26880000000000004rem;
        line-height: 1.8em;
        color:#555555;
        padding-bottom: 0.2rem;
    }
    .ibox-footer{
        font-size:0.26880000000000004rem;
        padding-top:0.2rem;
    }
</style>
{/block}
{block name="content"}

<div class="panel" id="list">
    {volist name="m" id="vo"}
    <div class="ibox panel">
        <div class="ibox-title">
            {$vo.title}
        </div>
        <div class="ibox-content">
             {$vo.content}
        </div>
        <div class="ibox-footer border-t text-gray text-center">
            {$vo.create_time}
        </div>
    </div>
    {/volist}
</div>

<script type="text/html" id="template">
    {{#for(var i=0,len=d.data.length; i < len ; i++){}}
    <div class="ibox panel">
        <div class="ibox-title">
            {{d.data[i].title}}
        </div>
        <div class="ibox-content">
            {{d.data[i].content}}
        </div>
        <div class="ibox-footer border-t text-gray text-center">
            {{d.data[i].create_time}}
        </div>
    </div>
    {{#}}}
</script>

{:_js('js/loader.js')}
{:_js('static/laytpl/laytpl.js')}
<script>
    Loader.m1('list','template',"{$t==2?'jsonList2':''}");
</script>

{/block}